<div class="tpl-page-container tpl-page-header-fixed">
    <div class="tpl-left-nav tpl-left-nav-hover">
        <div class="tpl-left-nav-title">
            导航菜单
        </div>
        <div class="tpl-left-nav-list">
            <ul class="tpl-left-nav-menu">
                <li class="tpl-left-nav-item">
                    <a href="{:url('admin/Index/index')}" class="nav-link active">
                        <i class="am-icon-home"></i>
                        <span>首页</span>
                    </a>
                </li>
                <li class="tpl-left-nav-item">
                    <!-- 打开状态 a 标签添加 active 即可   -->
                    <a href="javascript:;" class="nav-link tpl-left-nav-link-list active">
                        <i class="am-icon-table"></i>
                        <span>项目管理</span>
                        <!-- 列表打开状态的i标签添加 tpl-left-nav-more-ico-rotate 图表即90°旋转  -->
                        <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i>
                    </a>
                    <ul class="tpl-left-nav-sub-menu" style="display:block">
                        <li>
                            <!-- 打开状态 a 标签添加 active 即可   -->
                            <a href="{:url('admin/Index/index')}" >
                                <i class="am-icon-angle-right"></i>
                                <span>项目列表</span>
                                <i class="tpl-left-nav-content am-fr am-margin-right"></i>
                            </a>

                            <a href="{:url('admin/Index/add')}">
                                <i class="am-icon-angle-right"></i>
                                <span>添加项目</span>
                                <i class="tpl-left-nav-content-ico am-fr am-margin-right"></i>
                            </a>

                        </li>
                    </ul>
                </li>
                <li class="tpl-left-nav-item">
                    <!-- 打开状态 a 标签添加 active 即可   -->
                    <a href="javascript:;" class="nav-link tpl-left-nav-link-list active">
                        <i class="am-icon-table"></i>
                        <span>奖金管理</span>
                        <!-- 列表打开状态的i标签添加 tpl-left-nav-more-ico-rotate 图表即90°旋转  -->
                        <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i>
                    </a>
                    <ul class="tpl-left-nav-sub-menu" style="display:block">
                        <li>
                            <!-- 打开状态 a 标签添加 active 即可   -->
                            <a href="{:url('admin/bonus/index')}" >
                                <i class="am-icon-angle-right"></i>
                                <span>奖金列表</span>
                                <i class="tpl-left-nav-content am-fr am-margin-right"></i>
                            </a>

                        </li>
                    </ul>
                </li>


                <li class="tpl-left-nav-item">
                    <!-- 打开状态 a 标签添加 active 即可   -->
                    <a href="javascript:;" class="nav-link tpl-left-nav-link-list active" onclick="method()">
                        <i class="am-icon-table"></i>
                        <span>用户管理</span>
                        <!-- 列表打开状态的i标签添加 tpl-left-nav-more-ico-rotate 图表即90°旋转  -->
                        <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i>
                    </a>
                    <ul class="tpl-left-nav-sub-menu" style="display:block">
                        <li>
                            <!-- 打开状态 a 标签添加 active 即可   -->
                            <a href="{:url('admin/User/index')}"  >
                                <i class="am-icon-angle-right"></i>
                                <span>用户管理</span>
                                <i class=" tpl-left-nav-content-ico am-fr am-margin-right"></i>
                            </a>
                            <a href="{:url('admin/Admin/index')}"  >
                                <i class="am-icon-angle-right"></i>
                                <span>管理员管理</span>
                                <i class=" tpl-left-nav-content-ico am-fr am-margin-right"></i>
                            </a>
                    </ul>
                </li>

            </ul>
            <script type="text/javascript">
                $('.tpl-left-nav-sub-menu li a').on('click',function () {
                    $(this).removeClass('active').addClass('active')
                    $(this).siblings().removeClass('active')
                    $(this).parents('.tpl-left-nav-sub-menu').find('.tpl-left-nav-sub-menu li a').removeClass('active')
                })
            </script>
        </div>
    </div>